import React,{Component} from 'react';
import {
	View,
	Text,
	TouchableOpacity
} from 'react-native';
import Icon from 'react-native-vector-icons/FontAwesome';

export default class Comment extends Component{
	constructor(props) {
	  super(props);
	
	  this.state = {};
	}
	render(){
		let {author,remark,zan_count} = this.props.remark;
		return (
				<View style={{flexDirection:'row',paddingHorizontal:12,paddingVertical:7}}>
					<Text style={{color:'#4395ff',justifyContent:'center',alignItems:'center'}}>
						{author}:
					</Text>
					<Text style={{flex:1,marginLeft:15,marginRight:10}}>{remark}</Text>
					<View style={{flexDirection:'row'}}>
						<TouchableOpacity><Icon name="thumbs-o-up"  size={15}  /></TouchableOpacity>
						<Text style={{paddingLeft:5}}>{zan_count}</Text>
					</View>
				</View>
			);
	}
}